<template>
  <view class="yh-page">
	<view class="page">
		<view class="uni-column">
			<view class="yh-title">测试后台消息通知</view>
			<view class="yh-title red">注意:后台前端和服务器的环境变量配置</view>
		</view>
		<br/>
		<view class="uni-column">
			<view class="yh-title">该示例,需要运行后台前端.</view>
			<view class="yh-title">当点击测试以后,会听到一句"这是一段测试提示音的"提示</view>
		</view>
		<br/>
		<view class="uni-form-item uni-column">
			<button style="margin-top: 100rpx;" type="primary" @tap="handleToTest()" >点击测试</button>
		</view>
	</view>
  </view>
</template>

<script>
import { testEvent } from '@/api/test/apply/apply.js'
export default 
{
  //计算属性
  computed:
  {

  },
  //监听
  watch:
  {

  },
  data() 
  {
    return{

    };
  },
  //页面加载
  onLoad() 
  {

  },
  //页面显示
  onShow() 
  {

  },
  //页面初次渲染完成
  onReady()
  {

  },
  //页面隐藏
  onHide()
  {

  },
  //页面卸载
  onUnload()
  {

  },
  methods:
  {
	// 点击测试 
	handleToTest()
	{
		testEvent().then(res=>{
			console.log(res);
		})
	}
  }

}
</script>

<style lang="scss" scoped>
.page{
	width:calc(100% - 70rpx);
	padding:35rpx;
}
.title {
        padding: 5rpx 13rpx;
    }

.uni-input-wrapper {
	/* #ifndef APP-NVUE */
	display: flex;
	/* #endif */
	flex-direction: row;
	flex-wrap: nowrap;
	background-color: #FFFFFF;
}

.uni-input {
	height: 80rpx;
	line-height: 80rpx;
	font-size: 36rpx;
	padding: 0rpx;
	flex: 1;
	background-color: #FFFFFF;
}

.uni-icon {
	font-family: uniicons;
	font-size: 80rpx;
	font-weight: normal;
	font-style: normal;
	width: 80rpx;
	height: 80rpx;
	line-height: 80rpx;
	color: #999999;
}

.red{
	color:red;
	font-weight: true;
}
.user-info{
	width: 100%;
	height:400rpx;
	marign-bottom:10rpx;
	display: flex;
	flex-direction: row;
	justify-content:  flex-start;
	/* background-color: pink; */
	.avatar{
		width: 200rpx;
		height:200rpx;
		border-radius: 50%;
		border:1px solid  #FFA500;
		margin-top:100rpx;
		margin-bottom:100rpx;
		margin-left:20rpx;
		margin-right:10rpx;
	}
}
.row{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
.item{
	width:auto;
	min-width: 50rpx;
	height:100rpx;
	line-height: 100rpx;
	// background-color: #FDF5E6;
	color: 	#838B83;
}
</style>
